<template>
	<!-- 
	 UniApp 是一个使用 Vue.js 开发跨平台应用的框架，支持通过一套代码同时编译到多个平台，包括 Web、iOS、Android、以及各种小程序（如微信小程序、支付宝小程序、百度小程序等）。以下是 UniApp 的一些主要特点和优势：
	 1. 跨平台支持
	 UniApp 允许开发者使用一套代码同时构建多种平台的应用，极大地提高了开发效率，减少了维护成本。
	 
	 2. 基于 Vue.js
	 UniApp 使用 Vue.js 作为其核心框架，开发者可以利用 Vue 的响应式数据绑定和组件化开发优势，快速构建用户界面。
	 
	 3. 组件化开发
	 UniApp 提供了丰富的内置组件，支持灵活的组件化开发。开发者可以自定义组件并在项目中复用，提高代码的可维护性和可读性。
	 
	 4. 丰富的生态系统
	 UniApp 拥有丰富的插件生态系统，可以通过插件市场获取各种功能扩展，如图表、地图、支付等，进一步增强应用的功能。
	 
	 5. 便捷的开发工具
	 UniApp 提供了 HBuilderX 开发工具，集成了代码编辑、调试和发布功能，支持快速开发和一键发布。
	 
	 6. 支持小程序
	 UniApp 可以编译成多种小程序，支持微信、支付宝、百度等小程序平台，方便开发者快速进入小程序市场。
	 
	 7. 性能优化
	 UniApp 在性能方面进行了优化，支持虚拟 DOM 和懒加载等技术，能够在不同平台上提供良好的用户体验。
	 
	 8. 强大的社区支持
	 UniApp 拥有活跃的开发者社区，提供了丰富的文档和教程，方便新手入门和解决开发中的问题。
	 
	 总结
	 UniApp 是一个高效、灵活的跨平台开发框架，适合希望快速构建多平台应用的开发者。通过使用 UniApp，开发者可以大幅度提高开发效率，降低维护成本，同时享受 Vue.js 带来的开发体验。
	 -->
	<view>
		<button @click='handleNavigateToClick' type="primary">navigateTo跳转</button>
		
		<button @click="handleRedirectToClick" type="primary">redirectTo跳转</button>
		
		<button @click="handleReLaunchChlick" type="primary">reLaunch跳转</button>
		
		<button @click="handleSwitchTabClick" type="primary">switchTab跳转</button>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		onLoad(options) {
			console.log("接受到url的参数:", options);
			const eventChannel = this.getOpenerEventChannel();
			eventChannel.on('navigateEvent', (data) => {
				console.log("接受到navigateEvent的参数", data);
			})
		},
		methods: {
			handleNavigateToClick() {
				uni.navigateTo({
					url: '/pages/05_navigate_uni/c-views/01_navigate',
					events: {
						navigateEvent(data) {
							console.log("05_navigate_uni拿到navigateEvent传递过来的数据:", data);
						}
					},
					success(res) {
						res.eventChannel.emit('navigateBackEvent', {
							data: 'navigateBackEvent-value'
						})
					}
				})
			},
			handleRedirectToClick() {
				uni.redirectTo({
					url: '/pages/05_navigate_uni/c-views/01_navigate'
				})
			},
			handleReLaunchChlick() {
				uni.reLaunch({
					url: '/pages/05_navigate_uni/c-views/01_navigate'
				})
			},
			handleSwitchTabClick() {
				uni.switchTab({
					url: '/pages/profile/profile'
				})
			}
		}
	}
</script>

<style>
view {
	margin: 0 auto;
	width: 600rpx;
}

button {
	margin-bottom: 10rpx;
}
</style>